<script setup lang="ts">
import Nav from "@/components/Nav.vue";
var my1Nav = Nav;
var operation = [
  { index: "0", main: "物业总览", router: "/index/tenement/first" },
  {
    index: "1",
    main: "访客管理",
    children: [
      { index: "1-1", main: "访客信息登记", router: "/index/tenement/second" },
      { index: "1-2", main: "访客进出记录", router: "/index/tenement/third" },
    ],
  },
  {
    index: "2",
    main: "车辆管理",
    children: [
      { index: "2-1", main: "车辆信息管理", router: "/index/tenement/fourth" },
      { index: "2-2", main: "车辆进出记录", router: "/index/tenement/fifth" },
    ],
  },
  {
    index: '3', main: '设备管理', children: [
      { index: '3-1', main: '智能门禁管理', router: "/index/tenement/sixth" },
      { index: '3-2', main: '车辆道闸管理', router: "/index/tenement/seventh" },
      { index: '3-3', main: '智能水电表管理', router: "/index/tenement/eighth" },
      { index: '3-4', main: '充电桩管理', router: "/index/tenement/ninth" },
      { index: '3-5', main: '安防监控管理', router: "/index/tenement/tenth" },
      { index: '3-6', main: '智能梯控管理', router: "/index/tenement/eleventh" },
      { index: '3-7', main: '智能消防管理', router: "/index/tenement/twelfth" },
      { index: '3-8', main: '智能照明管理', router: "/index/tenement/thirteenth" },
      { index: '3-9', main: '源网荷储管理', router: "/index/tenement/fourteenth" },
    ]
  },
];
</script>
<template>
  <div class="tenement">
    <div class="left">
      <my1-nav :menunav="operation"></my1-nav>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>
<style scoped>
.tenement {
  height: 100%;
  display: flex;
}

.tenement .left {
  width: 255px;
  background: rgb(65, 92, 133);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.tenement .left a {
  color: #fff;
  text-decoration: none;
}

.tenement .left a:hover {
  color: #f66;
}

.tenement .right {
  flex: 1;
}
</style>
